<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>应急查看</title>
		<link rel="stylesheet" href="../../js/plugins/layui-v2.4.5/layui/css/layui.css" />
		<link rel="stylesheet" href="../../css/reset.css" />
		<style>
			html,body,.container{height: 100%;}
			header.content-header {
				color: #333;
				border-bottom: 1px solid #F2F2F2;
				height: 35px;
				line-height: 35px;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 15px;
			}
			.content-header i.layui-icon.layui-icon-next {
				transform: rotate(90deg);
				display: inline-block;
				margin-left: 5px;
				font-weight: normal;
			}
			.form-title{font-weight: bold;text-align: right;}
			.form-content{color: #666;}
			.info-detail>.layui-row{line-height: 30px;}
			.layui-tab-content{height: calc(100% - 40px);overflow: hidden;}
			.layui-tab-content .layui-tab-item{height: 100%;overflow: auto;}
			.layui-tab{margin:0}
			.container{min-width: 800px;}
		</style>
	</head>
	<body>
		<div class="container p15">
			<div class="info-detail" >
				<header class="content-header">网络运维<i class="layui-icon layui-icon-next"></i></header>
				<div class="layui-row">
					<div class="layui-col-sm4 form-title">接收时间：</div>
					<div class="layui-col-sm8 form-content">2016年4月27日 16:50分</div>
				</div>
				<div class="layui-row">
					<div class="layui-col-sm4 form-title">事件分析：</div>
					<div class="layui-col-sm8 form-content">2016年4月27日 16:50分</div>
				</div>
				<header class="content-header">客户信息<i class="layui-icon layui-icon-next"></i></header>
				<div class="layui-row">
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">所在位置：</div>
						<div class="layui-col-sm8 form-content">博大大厦</div>
					</div>
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">门牌号：</div>
						<div class="layui-col-sm8 form-content">901</div>
					</div>
				</div>
				<div class="layui-row">
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">姓名：</div>
						<div class="layui-col-sm8 form-content">李敏</div>
					</div>
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">电话：</div>
						<div class="layui-col-sm8 form-content">010-65439876</div>
					</div>
				</div>
				<div class="layui-row">
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">部门：</div>
						<div class="layui-col-sm8 form-content">监察部</div>
					</div>
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">重点客户：</div>
						<div class="layui-col-sm8 form-content">否</div>
					</div>
				</div>
				<div class="layui-row">
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">电脑品牌：</div>
						<div class="layui-col-sm8 form-content">博大大厦</div>
					</div>
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">IP地址：</div>
						<div class="layui-col-sm8 form-content">192.168.1.101</div>
					</div>
				</div>
				<div class="layui-row">
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">生产日期：</div>
						<div class="layui-col-sm8 form-content">2019.5.1</div>
					</div>
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">MAC地址：</div>
						<div class="layui-col-sm8 form-content">00-3E-5F-65-7B-E0</div>
					</div>
				</div>
				<div class="layui-row">
					<div class="layui-col-sm6">
						<div class="layui-col-sm4 form-title">质保期：</div>
						<div class="layui-col-sm8 form-content">1年（2020.4.30）</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../js/jquery-3.3.1.min.js"></script>
		<script src="../../js/plugins/layui-v2.4.5/layui/layui.js"></script>
		<script>
			$(function(){
				layui.use(['table','element'],function(){
					var element = layui.element,table = layui.table;
				})
			})
		</script>
	</body>
</html>
